@primary-color: #00C087;
@secondary-color: #FFB800;
@background-gradient: linear-gradient(180deg, #F5F5F5 0%, #E0F5ED 100%);
@card-background: rgba(255, 255, 255, 0.8);
@input-background: #F8FFFC;
@text-color: #333333;
@text-color-secondary: #666666;
@text-color-light: #999999;
@border-radius-base: 12px;
@border-radius-lg: 16px;
@border-radius-max: 22px;
@font-size-sm: 12px;
@font-size-base: 14px;
@font-size-lg: 16px;
@font-size-xl: 20px;
@spacing-base: 16px;
@spacing-lg: 24px;

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

  .flex-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.safe-area-bottom {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}